<template>
  <div class="vue-component-02">
    <MedoVBall1 :options="ballOptions"></MedoVBall1>
  </div>
</template>

<script setup>
import { reactive, toRefs } from "vue";
import MedoVBall1 from "@/components/vue-common/MedoVBall1.vue";

const data = reactive({
  ballOptions: {
    color: "rgb(113, 192, 255)",
    width: 300,
  },
});

const { ballOptions } = toRefs(data);
</script>

<style scoped lang="less">
.vue-component-02 {
  display: flex;
  justify-content: space-around;
  width: 500px;
  background-color: #061740;
  padding: 20px;
}
</style>
